<!--我的余额详情-->
<template>
  <div class="mymoney">
    <div class="content_container">
      <div class="content_header">
        <span class="span1">当前余额</span>
        <span class="span2" @click="thebalancethat">
          <i class="iconfont icon-wenhao"></i>
          <span>余额说明</span>
        </span>
      </div>
      <div class="content_div">
        <p class="content_num">
          <span class="span3">0.00</span>
          <span class="span4">元</span>
        </p>
      </div>
      <div class="deal_detail">提现</div>
    </div>
    <p class="mymoney_p">交易明细</p>
    <div class="mymoney_div">
      <img src="" alt="">
      <p>暂无明细记录</p>
    </div>
  </div>
</template>

<script>
export default {
  name: "Mymoney",
  methods: {
    thebalancethat(){
      this.$router.push({name:"Mymonryspecific"})
    }
  }
};
</script>

<style lang="less">
html{
  background-color: #f5f5f5;
}
.mymoney {
  height: 150px;
  background: #3190e8;
  padding: 8px;
  .content_container {
    width: 100%;
    height: 100%;
    background-color: #fff;
    padding: 8px;
    box-sizing: border-box;
    .content_header {
      span {
        font-size: 14px;
      }
      .span1 {
        color: #666;
      }
      .span2 {
        float: right;
        color: #3190e8;
      }
    }

    .content_num {
      .span3{
        font-size: 40px;
      }
      .span4{
        margin-left: 8px;
      }
    }
  }

  .deal_detail{
    margin-top: 20px;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #ccc;
    color: white;
  }

  .mymoney_p{
    margin-top: 20px;
    color: #999;
    font-size: 14px;
  }
  .mymoney_div{
    margin-top: 20px;
    font-size: 16px;
    text-align: center;
    color: #666;

    img{
      width: 187.5px;
      height: 117.2px;  
    }
    p{
      margin-top: 10px;
    }
  }
}
</style>